<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>首页</title>
<link type="text/css" rel="stylesheet" href="__HOMECSS__reset.css">
<link type="text/css" rel="stylesheet" href="__HOMECSS__main.css">
<script type="text/javascript" src="__HOMEJS__jquery.min.js"></script>
<!--[if IE 6]>
<script type="text/javascript" src="__HOMEJS__DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript" src="__HOMEJS__ie6Fixpng.js"></script>
<![endif]-->
</head>

<body>
<div class="headerBar">
	<div class="topBar">
		<div class="comWidth">
			<div class="leftArea">
				<a href="#" class="collection">收藏慕课</a>
			</div>
			<div class="rightArea" id="rightArea">
				欢迎来到慕课网！<a href="{:U('Home/Login/Login')}">[登录]</a>
                <a href="{:U('Home/Register/Register')}">[免费注册]</a>
			</div>
            <div class="rightArea" style="display: none" id="rightArea1">
                欢迎来到慕课网！<span id="value">{$username}</span>
            </div>
		</div>
	</div>
	<div class="logoBar">
		<div class="comWidth">
			<div class="logo fl">
				<a href="#"><img src="__HOMEIMAGE__logo.jpg" alt="慕课网"></a>
			</div>
			<div class="search_box fl">
				<input type="text" class="search_text fl">
				<input type="button" value="搜 索" class="search_btn fr">
			</div>
			<div class="shopCar fr">
				<span class="shopText fl">购物车</span>
				<span class="shopNum fl">0</span>
			</div>
		</div>
	</div>
	<div class="navBox">
		<div class="comWidth clearfix">
			<div class="shopClass fl">
				<h3>全部商品分类<i class="shopClass_icon"></i></h3>
				<div class="shopClass_show">
					<dl class="shopClass_item">
						<dt style="text-align: center;font-size: 20px;font-weight: bold;"><a href="{:U('Home/Digital/Digital')}" class="b">数码</a></dt>
					</dl>
                    <dl class="shopClass_item">
                        <dt style="text-align: center;font-size: 20px;font-weight: bold;"><a href="{:U('Home/Digital/Digital')}" class="b">家电</a></dt>
                    </dl>
                    <dl class="shopClass_item">
                        <dt style="text-align: center;font-size: 20px;font-weight: bold;"><a href="{:U('Home/Digital/Digital')}" class="b">电子</a></dt>
                    </dl>
                    <dl class="shopClass_item">
                        <dt style="text-align: center;font-size: 20px;font-weight: bold;"><a href="{:U('Home/Digital/Digital')}" class="b">汽车</a></dt>
                    </dl>
                    <dl class="shopClass_item">
                        <dt style="text-align: center;font-size: 20px;font-weight: bold;"><a href="{:U('Home/Digital/Digital')}" class="b">食品</a></dt>
                    </dl>
                    <dl class="shopClass_item">
                        <dt style="text-align: center;font-size: 20px;font-weight: bold;"><a href="{:U('Home/Digital/Digital')}" class="b">服装</a></dt>
                    </dl>
				</div>
			</div>
			<ul class="nav fl">
				<li><a href="{:U('Home/Digital/Digital')}" class="active">数码城</a></li>
				<li><a href="#">天黑黑</a></li>
				<li><a href="#">团购</a></li>
				<li><a href="#">发现</a></li>
				<li><a href="#">二手特卖</a></li>
				<li><a href="#">名品会</a></li>
			</ul>
		</div>
	</div>
</div>
<div class="banner comWidth clearfix">
	<div class="banner_bar banner_big">
		<ul class="imgBox">
			<li><a href="#"><img src="__HOMEIMAGE__banner/banner_01.jpg" alt="banner"></a></li>
			<li><a href="#"><img src="__HOMEIMAGE__banner/banner_02.jpg" alt="banner"></a></li>
		</ul>
		<div class="imgNum">
			<a href="#" class="active"></a><a href="#"></a><a href="#"></a><a href="#"></a>
		</div>
	</div>
</div>
<div class="shopTit comWidth">
	<span class="icon"></span><h3>手机</h3>
	<a href="#" class="more">更多&gt;&gt;</a>
</div>
<div class="shopList comWidth clearfix">
	<div class="leftArea">
		<div class="banner_bar banner_sm">
			<ul class="imgBox">
				<li><a href="#"><img src="__HOMEIMAGE__banner/banner_sm_01.jpg" alt="banner"></a></li>
				<li><a href="#"><img src="__HOMEIMAGE__banner/banner_sm_02.jpg" alt="banner"></a></li>
			</ul>
			<div class="imgNum">
				<a href="#" class="active"></a><a href="#"></a><a href="#"></a><a href="#"></a>
			</div>
		</div>
	</div>
	<div class="rightArea">
		<div class="shopList_top clearfix">
            <volist name="list" id="vo" offset="4" length='4' empty="暂时没有数据">
			<div class="shop_item">
				<div class="shop_img">
					<a href="{:U('Home/Introduce/Introduce')}?id={$vo.id}"><img src="__ROOT__{$vo.pImg}" alt=""></a>
				</div>
				<h3>{$vo.pName}</h3>
				<p>{$vo.iPrice}元</p>
			</div>
            </volist>
		</div>
		<div class="shopList_sm clearfix">
            <volist name="lists" id="ko" offset="1" length='4' empty="暂时没有数据">
			<div class="shopItem_sm">
				<div class="shopItem_smImg">
					<a href="{:U('Home/Introduce/Introduce')}?id={$ko.id}"><img src="__ROOT__{$ko.pImg}" id="ko" class="ko"></a>
				</div>
				<div class="shopItem_text">
					<p>{$ko.pName}</p>
					<h3>￥{$ko.iPrice}</h3>
				</div>
			</div>
                </volist>
		</div>
	</div>
</div>
<div class="shopTit comWidth">
	<span class="icon"></span><h3>家用电脑</h3>
	<a href="#" class="more">更多&gt;&gt;</a>
</div>
<div class="shopList comWidth clearfix">
	<div class="leftArea">
		<div class="banner_bar banner_sm">
			<ul class="imgBox">
				<li><a href="#"><img src="__HOMEIMAGE__banner/banner_sm_01.jpg" alt="banner"></a></li>
				<li><a href="#"><img src="__HOMEIMAGE__banner/banner_sm_02.jpg" alt="banner"></a></li>
			</ul>
			<div class="imgNum">
				<a href="#" class="active"></a><a href="#"></a><a href="#"></a><a href="#"></a>
			</div>
		</div>
	</div>
	<div class="rightArea">
		<div class="shopList_top clearfix">
            <volist name="cp" id="co" offset="1" length='4' empty="暂时没有数据">
            <div class="shop_item">
				<div class="shop_img">
					<a href="{:U('Home/Introduce/Introduce')}?id={$co.id}"><img src="__ROOT__{$co.pImg}" alt=""></a>
				</div>
				<h3>{$co.pName}</h3>
				<p>{$co.iPrice}元</p>
			</div>
                </volist>
		<div class="shopList_sm clearfix">
            <volist name="cop" id="cop" offset="1" length='4' empty="暂时没有数据">
			<div class="shopItem_sm">
				<div class="shopItem_smImg">
					<a href="{:U('Home/Introduce/Introduce')}?id={$cop.id}"><img src="__ROOT__{$cop.pImg}" alt=""></a>
				</div>
				<div class="shopItem_text">
					<p>{$cop.pName}</p>
					<h3>￥{$cop.iPrice}	</h3>
				</div>
			</div>
                </volist>
			<!--<div class="shopItem_sm">-->
				<!--<div class="shopItem_smImg">-->
					<!--<a href="#"><img src="__HOMEIMAGE__shopImg5.jpg" alt=""></a>-->
				<!--</div>-->
				<!--<div class="shopItem_text">-->
					<!--<p>hp技术一碰轻松配对！接触屏幕</p>-->
					<!--<h3>￥149.00	</h3>-->
				<!--</div>-->
			<!--</div>-->
			<!--<div class="shopItem_sm">-->
				<!--<div class="shopItem_smImg">-->
					<!--<a href="#"><img src="__HOMEIMAGE__shopImg6.jpg" alt=""></a>-->
				<!--</div>-->
				<!--<div class="shopItem_text">-->
					<!--<p>Lenovo技术一碰轻松配对！接触屏幕</p>-->
					<!--<h3>￥149.00	</h3>-->
				<!--</div>-->
			<!--</div>-->
			<!--<div class="shopItem_sm">-->
				<!--<div class="shopItem_smImg">-->
					<!--<a href="#"><img src="__HOMEIMAGE__shopImg7.jpg" alt=""></a>-->
				<!--</div>-->
				<!--<div class="shopItem_text">-->
					<!--<p>Samsung技术一碰轻松配对！接触屏幕</p>-->
					<!--<h3>￥149.00	</h3>-->
				<!--</div>-->
			<!--</div>/-->
		</div>
	</div>
</div>
<div class="hr_25"></div>
<div class="footer">
	<p><a href="#">慕课简介</a><i>|</i><a href="#">慕课公告</a><i>|</i> <a href="#">招纳贤士</a><i>|</i><a href="#">联系我们</a><i>|</i>客服热线：400-675-1234</p>
	<p>Copyright &copy; 2006 - 2014 慕课版权所有&nbsp;&nbsp;&nbsp;京ICP备09037834号&nbsp;&nbsp;&nbsp;京ICP证B1034-8373号&nbsp;&nbsp;&nbsp;某市公安局XX分局备案编号：123456789123</p>
	<p class="web"><a href="#"><img src="__HOMEIMAGE__webLogo.jpg" alt="logo"></a><a href="#"><img src="__HOMEIMAGE__webLogo.jpg" alt="logo"></a><a href="#"><img src="__HOMEIMAGE__webLogo.jpg" alt="logo"></a><a href="#"><img src="__HOMEIMAGE__webLogo.jpg" alt="logo"></a></p>
</div>
<style>
    .shopClass_item{
        height: 26px;
    }
    .ko {
        height: 95px;
    width: 95px;
    }



</style>
</body>
<script type="text/javascript">
    $(function(){
        var value = $("#value").html();
        var valueLength = value.length
        if(valueLength>0){
            $("#rightArea").html("欢迎来到慕课网！{$username}" +
                    "&nbsp;&nbsp;&nbsp;<a href=\"{:U('Home/Login/LoginOut\')}\">注销</a>");
        }
    });

</script>
</html>
